<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>创建伸缩菜单</title>
<link href="css/20-2.css" type="text/css" rel="stylesheet"/>
<script src="js/20-2.js" type="text/javascript"></script>
</head>
<body>
  <div class="menu" id="menu">
    <div>
      <p>用户管理</p>
      <ul>
        <a href="#"><li>新增用户</li></a>
        <a href="#"><li>用户查看</li></a>
      </ul>
    </div>
    <div>
      <p>部门管理</p>
      <ul>
        <a href="#"><li>新增部门</li></a>
        <a href="#"><li>部门查看</li></a>
      </ul>
    </div>
    <div>
      <p>新闻管理</p>
      <ul>
        <a href="#"><li>发布新闻类型</li></a>
        <a href="#"><li>新闻类型查看</li></a>
        <a href="#"><li>发布新闻</li></a>
        <a href="#"><li>新闻查看</li></a>
      </ul>
    </div>
  </div>
</body>
</html>
